import Vue from 'vue'
import App from './App.vue'
import router from './router'
// 这里使用全局样式表来实现全局的样式初始化
import '@/assets/global.css'
import '@/assets/iconfont.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

// 导入axios
// 此项目使用入口文件方式全局导入axios实现异步功能
import axios from 'axios'
axios.defaults.baseURL = 'http://127.0.0.1:7001/api/'
// 给vue的原型添加一个自定义属性$http
Vue.prototype.$http = axios

// 请求拦截器,携带token
axios.interceptors.request.use(
  config => {
    // 判断有没有token
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.token = token
    }
    return config
  }
)

Vue.use(ElementUI)
Vue.use(VueQuillEditor)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

// 防止localstorage修改
window.addEventListener('storage', function (e) {
  localStorage.setItem(e.key, e.oldValue)
})
